const html=`
    <div class="layui-collapse layui-form" lay-accordion>
        
    </div>
`
class Toolbar extends HtmlNode{
    complateListener=[]
    constructor(data,listener) {
        super('.layui-collapse.layui-form[lay-accordion]')
        if (listener){
            this.addComplateListener(listener)
        }
        if (data instanceof Array){
            this._init(data)
        }else if(typeof data === 'string'){
            fetch(data).then(resp=>resp.json()).then(data=>this._init(data))
        }
    }

    _init(data){
        if (data instanceof Array){
            data.forEach(tool=>{
                this.appendChild(new Tool(tool))
            })
            if (this.complateListener) {
                this.complateListener.forEach(listener=>{
                    listener.call(this)
                })
            }
        }else{
            throw '只支持数组格式的数据'
        }

    }

    /**
     * 添加构建完成事件
     * @param listener
     */
    addComplateListener(listener){
        this.complateListener.push(listener)
    }
}